*{ margin: 0; padding:0; font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei"}
input{outline:none} 
a{ text-decoration: none}
.clearfix:before,.clearfix:after{ 
    content:""; 
    display:table; 
} 
.clearfix:after{clear:both;} 
.clearfix{ 
    *zoom:1;/*IE/7/6*/ 
}
li{ list-style: none}
.fixed{
    position: fixed;
    top: -100px;
    z-index: 19;
}

header{ width:100%; background-color: #4e4e4e; box-shadow:0 2px 10px #a3a3a3}
header .middle{ max-width:1200px; margin: 0 auto; position: relative; padding-right:60px; box-sizing: border-box}
header .middle .logo{ display: inline-block; position: relative; width:100px; height: 83px; }
header .middle .logo a{ width:155px; height: 120px; position: absolute; border-radius: 50%; top:-15px; left:0; text-align: center; z-index: 5}
header .middle .logo a:after{ content: ''; display: inline-block; height: 100%; vertical-align: middle}
header .middle .logo a img{vertical-align: middle; width: 115px;}
header .middle .logo h4{ width:250px; position: absolute; left:160px; top:50%; margin-top:-11px; font-size:20px; color:#ffffff; z-index:6}
header .middle .nav{ float: right;}
header .middle .nav li{ display: inline-block; padding:40px 1.5625em 0; font-size: 15px; vertical-align: top}
header .middle .nav li.on{ background: url(/sitecn/images/nav_on.png) no-repeat center top;}
header .middle .nav li.on a{ color:#ff2524}
header .middle .nav li a{ display: block; color: #ffffff}
header .middle .nav li a:hover{ color: #ff2524}
header .middle .search-button{ position: absolute; right: 0; top: 33px; width:30px; height:30px;}
header .middle .search-button img{ position: relative; right:0; width:100%}
.search-bg{ position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.8); width: 100%; height: 100%; display: none; z-index: 20;}
.search-bg .con{ width:90%; max-width: 500px; left:50%; margin-left: -250px; top: 20%;  position: absolute;}
.search-bg input[type=text]{ width:80%; height: 40px; background: rgba(0,0,0,0); border: none; border-bottom: 2px solid #f3f3f3; padding: 0 5px; color: #ffffff; box-sizing: border-box}
.search-bg input[type=button]{  width:10%; border: none;  color: #fff; background: rgba(0,0,0,0); border: 2px solid #fff; height: 40px; margin-left: 10px}
.search-bg .close{ width: 8%; padding-bottom: 8%; background: url(/sitecn/images/all_nav_close.png); background-size: cover; position: absolute; top: -60px; right: -10%}
.lang{ position: absolute; padding-top: 5px; top:0; right:0; font-size:12px}
.lang a{ color:#ffffff;}
.lang .break-line{ color:#ffffff; display: inline-block; margin-bottom:2px; vertical-align: middle;}
.lang a.current{ color:#0092dd}

.trans3{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;}
.mobile_menu_icon{ display: none; width:5%; padding-bottom: 5%; float: right; background: url(/sitecn/images/header_icon_0_1.png); background-size:100% 100%; margin-right:20px; margin-top: 20px}
.mobile_menu{ display: none; position: absolute; width:50%; right:100%; top:0;}
.mobile_menu nav{ margin:0; }
.mobile_menu .navbg{z-index:19; position: fixed;visibility: hidden;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5) ;transform: translateX(-100%);-webdit-transform: translateX(-100%);-moz-transform: translateX(-100%);}
.mobile_menu nav{position:fixed; top:0; left:0; width:75%;height: 100%;visibility: hidden;display: block;background: white;transform: translateX(-100%);-webdit-transform: translateX(-100%);-moz-transform: translateX(-100%);border: none;z-index: 20;overflow-y: auto;}
.mobile_menu nav.on,.mobile_menu .sec_nav.on,.mobile_menu .navbg.on{visibility: visible;transform: translateX(0);-webdit-transform: translateX(0);-moz-transform: translateX(0);}
.mobile_menu nav .item{line-height:3rem; height:3rem; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; display:block; white-space:nowrap; padding:0 3%; font-size:0.75rem;border-bottom: 1px solid #f3f3f3;}
.mobile_menu nav .item.c_lang{text-align: right;padding-right: 1.5rem;height: 2.5rem;line-height: 2.5rem;}
.mobile_menu nav .item.c_lang:before{left: none;right: 3%;border:0.4rem solid transparent;border-top-color:#999;border-bottom: none; }
.mobile_menu nav .item.c_lang:after{display: none;}
.mobile_menu nav .ico img{max-height: 1.25rem;display: inline-block;margin-right: 0.5rem;}
.mobile_menu nav .hasub{position: relative;}
.mobile_menu nav .hasub:before{content:'';position: absolute;top: 0;bottom: 0;margin:auto;right: 0rem;height: 0;border:0.5rem solid transparent;border-left-color: #999;}
.mobile_menu nav .hasub:after{content:'';position: absolute;top: 0;bottom: 0;margin:auto;right: 0.125rem;height: 0;border:0.4375rem solid transparent;border-left-color: #fff;}
.mobile_menu nav .item a{color: #5f5f5f;display: block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mobile_menu .sec_nav{position: fixed;top: 0;left: 0;transform: translateX(-100%);-webdit-transform: translateX(-100%);-moz-transform: translateX(-100%);visibility: hidden;width:75%;height: 100%;background: white;overflow-y: auto;z-index: 21;}
.mobile_menu .sec_nav .si{line-height:3rem; height:3rem; width:100%; font-size:0.75rem;border-bottom: 1px solid #f3f3f3;}
.mobile_menu .sec_nav .si a{text-indent: 0.25rem;-webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; display:block; white-space:nowrap; padding:0 3%;color: #5f5f5f;}
.mobile_menu .sec_nav .cate_close{position: relative;text-indent: 1rem;}
.mobile_menu .sec_nav .cate_close a{text-indent: 6%;}
.mobile_menu .sec_nav .cate_close:before{content:'';position: absolute;top: 0;bottom: 0;margin:auto;left: 0.25rem;height: 0;border:0.5rem solid transparent;border-right-color: #555;}
.mobile_menu .sec_nav .cate_close:after{content:'';position: absolute;top: 0;bottom: 0;margin:auto;left: 0.375rem;height: 0;border:0.4375rem solid transparent;border-right-color: #fff;}
.mobile_menu nav .sub-lang a{ display: inline-block; vertical-align:middle;}
.mobile_menu nav .sub-lang a.current{ color:#0092dd}
.sub-lang .break-line{ display: inline-block; vertical-align: middle; margin-bottom:2px;}

.Banner .swiper-slide{ height: 460px; background-repeat:no-repeat; background-position:  center center; overflow: hidden}
.Banner .swiper-slide img{ position: absolute; top:0; left: 50%; margin-left:-960px}
.mbanner{ display: none;}
.mbanner .swiper-slide img{ width: 100%}


.i-box{ padding:45px 0}
.i-box .middle{ max-width: 1200px; margin: 0 auto; text-align:center}
.i-box h1{ color: #4e4e4e; margin:0}
.i-box .middle > span{ display: block; font-size: 16px; color: #c30000; padding: 23px 0 25px; position: relative;}
.i-box .middle > span:after{ content: ''; display: inline-block; width:58px; height: 2px; background: #dc251f; position: absolute; bottom: 0; left: 50%; margin-left: -29px}
.i-about{ background: #f5f5f5}
.i-about p{ max-width: 95%; margin: 0 auto; font-size: 16px; line-height: 36px; color: #666666; text-align: left; padding-top: 30px}
.i-about .certificate{ max-width: 95%; margin: 30px auto 0}
.i-about .certificate .swiper-wrapper{ padding: 10px}
/* .i-about .certificate .swiper-wrapper .swiper-slide{ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);} */
.i-about .certificate .cert-item{ width:100%; font-size: 0}
.i-about .certificate .cert-item img{ width:100%; height: auto}
.i-about .certificate .swiper-wrapper{ align-items: center}
/* .i-about .certificate .swiper-slide{ -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.1); box-shadow: 0 0px 15px rgba(0,0,0,0.1);} */

.i-product{ background:url(/sitecn/images/i_product_bg.jpg) no-repeat center center; background-size: auto 100%;}
.i-product.i-box h1{ color: #ffffff; margin:0; font-weight: normal}
.i-product.i-box .middle > span{ display: block; font-size: 16px; color: #ffffff; padding: 23px 0 15px; position: relative;}
.i-product.i-box .middle > span:after{ content: ''; display: inline-block; width:58px; height: 2px; background: #ffffff; position: absolute; bottom: 0; left: 50%; margin-left: -29px}
.i-product .i-pro-list{ max-width: 1150px; margin: 0 auto; padding-top:30px }
.i-product .i-pro-list .pro-item{ float: left; width:calc(33.3% - 14px); padding: 10px; margin: 0 7px 20px; box-sizing: border-box; border:1px solid #f1f1f1; border-radius: 5px; background:#ffffff}
.i-pro-list .pro-item .inner{ display:inline-block; width: 100%; position: relative; overflow: hidden;}
.i-pro-list .pro-item .inner .img{ width: 100%;  transition: all 0.5s ease; position: relative; padding-bottom: 76%;}
.i-pro-list .pro-item .inner .img img{ width: 100%; height:auto; position: absolute; top: 0; left: 0;}
.i-pro-list .pro-item .inner:hover .img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}
.i-pro-list .pro-item .inner .text-box{ position: relative; height: 2.22em; font-size: 18px; overflow: hidden}
.i-pro-list .pro-item .inner span{ display: block; width:100%; position: absolute; bottom:0; background: #f5f5f5; text-align: center; font-size: 18px; line-height: 2.22em; color: #333333}
.i-pro-list .pro-item .inner span.blue{ background: #0092dd; color: #fff; bottom: -2.22em; transition: all 0.5s ease}
.i-pro-list .pro-item .inner:hover span.blue{ bottom: 0}

.i-factory{ padding: 80px 0 80px; background:#f5f5f5}
.i-factory-list .fac-group{ width:50%; float: left;}
.i-factory-list .fac-item{ width:100%; background: #fff; position: relative;}
.i-factory-list .fac-item:hover .pic-box .img{ transform:scale(1.05);}
.i-factory-list .fac-item:hover .content-box .content h4{ color:#ff2524}
.i-factory-list .fac-item .pic-box{ width: 50%; position: relative; float: left; overflow: hidden}
.i-factory-list .fac-item .pic-box .img{ width: 100%; padding-bottom: 100%; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-background-size:cover; transition: all .5s ease}
.i-factory-list .fac-item .content-box{ width: 50%; text-align: center; float: left;}
.i-factory-list .fac-item .content-box:after{ content: ''; display: inline-block; height: 100%; vertical-align: middle}
.i-factory-list .fac-item .content-box .content{ height:100%; padding:0 10%; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-top: 23%}
.i-factory-list .fac-item .content-box .content h4{ font-size: 18px; color: #0092dd;}
.i-factory-list .fac-item .content-box .content h4:after{ content:''; display: block; width:30px; height: 2px; background: #000; margin: 18px auto 0}
.i-factory-list .fac-item .content-box .content p{ font-size: 14px; color: #666666; padding-top: 30px; line-height: 24px}
.i-factory-list .fac-item:nth-child(1) .pic-box, .i-factory-list .fac-group .fac-item:nth-child(odd) .pic-box{ float: left;}
.i-factory-list .fac-item:nth-child(3) .pic-box, .i-factory-list .fac-group .fac-item:nth-child(even) .pic-box{ float: right;}
.i-factory-list .fac-group .fac-item:nth-child(odd) .pic-box:after{ display: block; content:''; width: 20px; height: 20px; background:#fff; transform: rotate(45deg); position: absolute; top: 50%; margin-top: -10px; right: -10px;}
.i-factory-list .fac-group .fac-item:nth-child(even) .pic-box:after{ display: block; content: ''; width: 20px; height: 20px; background:#fff; transform: rotate(45deg); position: absolute; top: 50%; margin-top: -10px; left: -10px;}

.i-server{ padding:190px 0 15px; background: url(/sitecn/images/i_server.jpg) no-repeat center center; background-size:auto 100%}
.i-server #i-server-list li{ width:50%; float: left; padding-left: 60px; box-sizing: border-box; text-align: left; margin-bottom: 62px}
#i-server-list li .left{ width: 17.5%; float: left;}
#i-server-list li .right{ width: 82.5%; float: left; padding-left:30px; box-sizing: border-box}
#i-server-list li .left img{ width:100%;}
#i-server-list li .right h4{ line-height: 1.58em; font-size: 24px; color: #0092dd; margin-bottom: 9px}
#i-server-list li .right p{ font-size: 16px; color: #ffffff; line-height: 30px; max-width: 83%}

.footer{ background: #1c3341; padding:0; margin-top: 100px}
.index .footer{ margin-top: 0}
.footer .middle{text-align: left}
.friend-link{ padding: 55px 0 50px; border-bottom: 1px solid #314653; position: relative;}
.friend-link span{ width: 8.3%; display: inline-block; font-size: 18px; font-weight:bold; color: #ffffff; vertical-align: middle}
.friend-link .flink{ width: 82.5%; display: inline-block; vertical-align: middle}
.friend-link .flink .flink-item{ padding-bottom: 27.7%;}
.friend-link .swiper-button-next{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%239aa5ac'%2F%3E%3C%2Fsvg%3E"); right:0}
.footer-1 ul{ float: left;}
.footer-1{ padding: 45px 0 85px; border-bottom: 1px solid #314653}
.footer-1 .ul-group-1{ width: 41.6%; float: left;}
.footer-1 .ul-group-2{ width: 58.4%; float: left;}
.footer-1 .ul-group-1 ul{ width: 50%;}
.footer-1 .ul-group-2 ul{ width: 35.6%;}
.footer-1 .ul-group-2 ul:nth-child(2){ width:64.4%;}
.footer-1 .ul-group-2 ul:nth-child(2){ float:right;}
.footer-1 ul li:nth-child(1){ font-size: 18px; font-weight: bold; padding:0; margin-bottom: 20px}
.footer-1 ul li{ font-size: 14px; color: #ffffff; padding:7px 0; text-align:left;}
.footer-1 ul li a{ color: #ffffff;}
.footer-1 ul li a:hover{ color: #0092dd; text-decoration: underline}
.footer-1 ul li:before{ content: '?'; display: inline-block; margin-right: 5px}
.footer-1 ul li:nth-child(1):before, .footer-1 ul:nth-child(4) li:before{ content: ''; display: none;}

.footer-2{ padding:40px 0 50px; text-align: left;}
.footer-2 h4{ font-size: 18px; font-weight: bold; color:#fff; margin-bottom: 27px}
.footer-2 .feedback{ width: 62.5%; float: left;}
.footer-2 .feedback .content{ width: 260px; height:200px; padding:13px 20px; box-sizing:border-box; float: left; background: #314653; border: none; color: #fff; font-size: 14px}
textarea[class='content']::-webkit-input-placeholder {
    color: #c9c9c9;
}
textarea[class='content']::-moz-placeholder {
    color: #c9c9c9;
}
textarea[class='content']::-ms-input-placeholder {
    color: #c9c9c9;
}
.footer-2 .feedback .r-input{ width: 180px; float: left; margin-left: 12px}
.r-input input::-webkit-input-placeholder{ color: #c9c9c9}
.r-input input::-moz-input-placeholder{ color: #c9c9c9}
.r-input input::-ms-input-placeholder{ color: #c9c9c9}
.r-input input{ width: 100%; height:40px; background: #314653; border: none; margin-bottom: 13px; padding:0 15px; box-sizing: border-box; font-size: 14px; color: #fff;}
.r-input input[type=submit]{ background: #0d1d27; border-radius: 5px}

.footer-2 .code{ width: 37.5%; float: right;}
.footer-2 .code img{ display: block; margin: 6px 0 20px}
.footer-2 .code span{ font-size: 16px; color: #b9b9b9;}

.copyright{ height: 65px; line-height: 65px; font-size: 14px; color: #536672; text-align: center; background: #172a35}

/********************** ÄÚÒ³ start *************************/
.main{ max-width: 1200px; margin: 0 auto}
.position{ height: 40px; line-height: 40px; font-size: 14px; color: #000; margin: 30px 0; border-top: 2px solid #eeeeee; border-bottom: 2px solid #eeeeee; padding-left: 20px}
.position span{ color: #0092dd}
.container .left{ width: 20%; float: left; }
.container .left h4{ font-size: 18px; color: #333333; margin-bottom: 30px;}
.container .left ul.menu{ margin-bottom: 95px}
.container .left ul.menu li{ margin-bottom: 2px;}
.container .left ul.menu li a{ display: block; height: 2.8em; line-height: 2.8em; font-size: 16px; color: #ffffff; background:#4e4e4e; padding-left: 1em}
.container .left ul.menu li.on a, .container .left ul.menu li:hover a{ color: #ff0000;}
.container .left h5{ font-size:16px; color: #666666; margin-bottom: 28px}
.container .left ul.hot li{ margin-bottom: 14px}
.container .left ul.hot li a{ display: block; border: 1px solid #f2f2f2; background:#ffffff}
.container .left ul.hot li a:hover{ border-color: #0092dd}
.container .left ul.hot li a .img{ padding-bottom: 70%; background-repeat:  no-repeat; background-position:  center center; background-size:cover; -webkit-background-size:contain; margin-bottom: 10px}
.container .left ul.hot li a .p-name{ font-size: 16px; color: #666666; padding-left: 20px; margin-bottom: 8px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.container .left ul.hot li a .p-model{ font-size: 14px; color: #b5b5b5; padding-left: 20px; margin-bottom: 13px}
.container .right{ width: 72.5%; float: right;}
.product-list{ margin-left: -8px; margin-right: -8px; padding-bottom: 35px}
.product-list li{ width:33.33%; padding:0 8px 30px; float: left; box-sizing: border-box}
.product-list li a{ display: block; border:1px solid #eeeeee; text-align:center; padding-bottom:28px; transition: all 0.3s ease; background:#ffffff}
.product-list li a .img{ padding-bottom: 81%;  background-repeat:  no-repeat; background-position:  center center; background-size:contain; -webkit-background-size:contain; margin:8% 0 16%}
.product-list li a .p-name{ font-size: 16px; color: #303030; margin-bottom: 10px; padding: 0 5px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.product-list li a .p-model{ font-size: 14px; color: #646464;}
.product-list li a:hover{ -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0); border-color: #0092DD}
.product-info .pro-pic{ width: 100%; text-align: center;  border: 1px solid #f2f2f2; border-radius: 5px; box-sizing: border-box}
.product-info .pro-pic img{ max-width: 100%}
.product-info .pro-param{ width: 100%; box-sizing: border-box}
.product-info .pro-param h2{ font-size: 24px; line-height: 2; /* border-bottom: 1px solid #dbdbdb; max-width: 65%; */ margin-top: 5px; color: #212120; margin-bottom: 20px; text-align: center}
.product-info .pro-param .pro-model{ font-size: 15px; color: #666666; padding: 10px 0}
/* .product-info .pro-param ul li{ font-size: 14px; color: #666666; padding-bottom: 12px}
.product-info .pro-param ul li span{ display: inline-block; margin-right: 18px} */
.param-content{ font-size: 15px; color: #666666; line-height: 2.57em; margin-top: 20px; max-width: 100%; overflow-x: auto}
.param-content *{ font-size: 15px !important}
.product-desc{ width: 100%; margin: 90px auto 0; font-size:15px; color: #333333; line-height: 35px}
.product-desc *{ font-size:15px !important ;}
.use{ margin-top: 100px}
.use h5{ font-size:16px; color: #212120; margin-bottom:18px; font-weight: bold}
.use ul{ width: 50%; }
.use ul li{ line-height: 0; margin-bottom: 35px}
.use ul li img{ width: 100%}

.video-contain{ width: 100%;  margin-top: 50px}
.video { position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video iframe{ position: absolute; top: 0; left: 0;width: 100%; height: 100%;}
.video-contain .txt{ text-align: center; padding: 20px 0 15px}
.video-contain .txt p{ font-size: 18px; color: #666666; margin-bottom:10px}
.video-contain .txt span{ font-size: 14px; color: #b5b5b5}
.h5-video{  position: relative;}
.h5-video video{ object-fit: fill}
.h5-video .mask{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); top: 0}
.h5-video .mask .play-button{ width: 14%; padding-bottom: 14%; position: absolute; left: 43%; top: 35%; background: url(/sitecn/images/play_button.png) no-repeat center center/cover; cursor: pointer;}
.about-contain{ font-size: 15px; color: #333333; line-height: 30px; padding-top: 50px; text-align: justify}
.about-contain img{ max-width: 100%}
.about-contain .product-list li a{ padding-bottom: 0}
.about-contain .product-list li a .img{ margin: 0; background-size: cover; -webkit-background-size: cover;}
.cert-list{ margin: 0 -9px}
.cert-list li{ float: left; width: 33.33%; padding: 0 9px; box-sizing: border-box;}
.cert-list li a{ display: block; border: 1px solid #bfbfbf;}
.cert-list li a .pic-box{ padding-bottom: 83%; position: relative;}
.cert-list li a .pic-box .pic{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; padding: 12px 0; box-sizing: border-box; text-align: center}
.cert-list li a .pic-box .pic img{ vertical-align: middle; box-shadow: 5px 5px 4px rgba(31,29,30,0.36)}
.cert-list li a .pic-box .pic:after{ content: ''; display: inline-block; height: 100%; vertical-align: middle}
.cert-list li a .cert-name{ height: 45px; font-size: 16px; line-height:2.7em; text-align: center; color: #666666; padding: 0 5px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.ban{ width: 100%; height: 300px;  overflow: hidden; background-size: 0; position: relative;}
.ban img{ position: absolute; top:0; left: 50%; margin-left: -960px;}
.position2{ padding: 18px 0; font-size: 14px; color: #000; margin-bottom: 20px}
.position2 span{ color: #0092dd}
.contact-title{ font-size: 18px; color: #333333; text-align: center; margin-bottom: 50px; font-weight: bold}
.contact-box{ width: 75%; margin: 0 auto}
.contact-box ul li{ font-size: 16px; color: #666666; line-height: 30px;}
.contact-box ul li a{ font-size: 16px; color: #666666;}
.contact-box ul li:nth-child(1){ font-size: 18px; margin-bottom: 10px; font-weight: bold}
#map{ margin-top:55px; width: 100%; padding-bottom: 44%}
.case-contain{ font-size: 15px; color: #333333; line-height: 30px; text-align: justify}
.case-contain h4{ font-size: 18px; text-align: center; margin-bottom: 30px}
.case-contain img{ max-width: 100%}
.more_product{ display: inline-block; text-align: center; font-size: 14px; color:#fff; margin-top: 15px}
.more_product:hover{ color:#0092dd}
.page-2{ text-align: center}
.page-2 a{ margin:0 2px; background:#fff;}
.page-2 a:hover{ border-color: #0092dd; color:#0092dd }
.page-2 span{ background:#fff}
.Page_Area{ display: none;}
.page-2 .Page_Num{ display:inline-block; width:3.2em; height:2.5em; border:solid 1px #d5d5d5; color: #999999; font-size: 14px; border-radius: 5px; text-align: center; line-height: 2.5em}
.page-2 .Page_Selected{ display:inline-block; width:3.2em; height:2.5em; border:solid 1px #0092dd; color:#0092dd; font-size: 14px; border-radius: 5px; text-align: center; line-height: 2.5em}
.page-2 .Page_Prev, .page-2 .Page_Prev_Text{ display:inline-block; height:2.5em; border:solid 1px #d5d5d5; color: #999999; font-size: 14px; border-radius: 5px; text-align: center; line-height: 2.5em; padding:0 1em;}
.page-2 .Page_Next, .page-2 .Page_Next_Text{ display:inline-block; height:2.5em; border:solid 1px #d5d5d5; color: #999999; font-size: 14px; border-radius: 5px; text-align: center; line-height: 2.5em; padding:0 1em}
.Page_First, .Page_First_Text{ display:none;}
.Page_End, .Page_End_Text{ display: none}
.Page_Text{ display: none}
.Page_Button{ display: none}
.page-1{ text-align:right; font-size:16px; color: #212120; font-weight: bold; margin-bottom: 25px}
.page-1 .Page_Num{ display: inline-block; margin: 0 5px; padding-bottom: 4px; color: #333333}
.page-1 .Page_Selected{ display: inline-block; margin: 0 5px; padding-bottom: 4px; border-bottom:2px solid #0092dd; color: #0092dd}
.page-1 .Page_Prev, .page-1 .Page_Prev_Text{ display: none;}
.page-1 .Page_Next, .page-1 .Page_Next_Text{ display: none;}
.page-tip{ float: left; font-size:14px; color: #999999; font-weight: normal}
.mobile-page{ display: none; width: auto; padding: 0 1em; height: 2.5em; line-height: 2.5em; border:solid 1px #d5d5d5; color: #999999; border-radius: 5px; font-size: 14px; margin-left: 8px !important}

/*********************** response ********************/
@media screen and (max-width:1200px){
    .i-box .middle{ width: 90%;}
    .main{ width:93%}
}

@media screen and (max-width:980px){
    header .middle .nav{ display: none}
    .mobile_menu_icon{ display: block}
    .mobile_menu{ display: block}
    .i-factory-list .fac-group{ width: 100%}
    .footer-2 .feedback{ width:100%}
    .footer-2 .feedback .content{ width:55%}
    .footer-2 .feedback .r-input{ width:41%}
    .footer-2 .code{ width:100%; text-align: center; margin-top:30px}
    .footer-2 .code img{ margin-left:auto; margin-right: auto}
    .footer-1 .ul-group-1, .footer-1 .ul-group-2{ width:100%; margin-bottom: 30px}
    .footer-1 .ul-group-2 ul{ width:50% !important}
    .friend-link span{ width:50%; margin-bottom: 5px}
    .friend-link .flink{ width: 92%}
    .friend-link .swiper-button-next{ top: 58%}
    .Banner{ display: none;}
    .mbanner{ display: block}
    .contact-box{ width: 100%}
    header .middle{ padding-right: 0}
    header .middle .search-button{ width: 5%; right: 10%; top: 20px}
    header .middle .search-button img{ width: 100%}
	.lang{ display: none;}
}

@media screen and (max-width:768px){
    
}

@media screen and (max-width:640px){
    header .middle .logo{ height: 60px;}
    header .middle .logo a{ top: -35px}
    header .middle .logo a img{ margin-top: 10px; width: auto}
	header .middle .logo h4{ display: none}
    .mobile_menu_icon{ width:7%; padding-bottom: 7%}
    header .middle .search-button{ width: 7%; right: 15%; top: 20px}
    .search-bg .con{ margin: 0; left: 5%}
    .search-bg .close{ right: 0}

    .i-product .i-pro-list .pro-item{ width: 100%; margin-left: 0; margin-right: 0}

    .i-server #i-server-list li{ width:100%; padding-left: 30px}
    #i-server-list li .right p{ max-width: 95%;}

    .container .left{ display: none}
    .container .right{ width: 100%}
    .about-contain{ padding-top: 0}

    .cert-list li{ width: 100%; margin-bottom: 10px}

    .product-list li{ width:50%; padding:0 4px 8px}
    .product-list li a{ padding-bottom: 15px}
    .product-list li a .img{ margin: 0 0 4%}
    .product-list li a .p-name{ font-size: 14px}
    .page-1{ display: none}
    .mobile-page{ display:inline-block}
    .page-2 .Page_Num, .page-2 .Page_Selected{ display: none;}

    .video-contain{ margin-top: 0}

    .product-info .pro-pic{ width:100%;}
    .product-info .pro-param{ width:100%; padding:0}
    .product-desc{ width: 100%; margin-top: 35px}
    .use{ margin-top:40px}
    .product-info .pro-param h2{ font-size:18px}
    .use ul{ width:80%; margin:0 auto}

    .ban{ padding-bottom: 45%; background-repeat: no-repeat; background-position: center center; background-size: cover}
    .ban img{ display: none}
	.ban{ height: auto}
    #map{ margin-top: 25px; padding-bottom: 90%}

    .footer{ margin-top: 60px}
    .footer-1{ padding: 25px 0 45px}
    .footer-1 ul li:nth-child(1){ margin-bottom: 10px}
    .footer-1 .ul-group-1,.footer-1 .ul-group-2{ margin: 0}
    .footer-1 .ul-group-1 ul,.footer-1 .ul-group-2 ul{ width: 100% !important; margin-bottom: 30px}
}

@media screen and (max-width:480px){
    .i-factory{ padding:40px 0}
    .i-factory-list .fac-item{ margin-bottom: 20px; border-radius: 10px; overflow: hidden;}
    .i-factory-list .fac-item .pic-box{ width: 100%}
    .i-factory-list .fac-item .content-box{ width: 100%;}
    .i-factory-list .fac-item .content-box .content{ margin-top: 5%; margin-bottom: 5%}
    .i-factory-list .fac-item .content-box .content p{ padding-top: 15px;}
}
@media screen and (max-width:320px){
	header .middle .logo a{ width:145px}
	header .middle .logo h4{ left:130px;}
}